	
<html>
<head>

 <script>
            function chk_name(){
       name=document.getElementById("name").value;
           if(name.length == 0){
                document.getElementById("warn_name").innerHTML = "It is required! Type your name please";
                return false;
           }else{
                 document.getElementById("warn_name").innerHTML = "";
                 return true;
           }
      }

function chk_email(){
	email=document.getElementById("email").value;
	at_check = email.indexOf('@');
	dot_check = email.indexOf('.');
		if (at_check < 0 || dot_check < 0){
			document.getElementById("warn_email").innerHTML="Invalid email";
		return false;
		}else{
			document.getElementById("warn_email").innerHTML="";
		return true;
		}

	}

      function chk_comment(){
           comment=document.getElementById("comment").value;
           if(comment.length == 0){
                document.getElementById("warn_comment").innerHTML = "It is required! Type your comment please.";
                return false;
           }else{
                 document.getElementById("warn_comment").innerHTML = "";
                 return true;
           }

       }


       function validation(){
        if (chk_name() && chk_email() && chk_comment() ){
          document.getElementById("warn_comment").innerHTML = "";
           return true;

        }else{
              alert("You cannot proceed, check the guestbook form!");
              return false;
        }

       }


 </script>

<link href="style.css" rel="stylesheet" type="text/css" />
<title>alukxs-Gallery</title>
</head>

<body>
<div id="container">
	
	<div id="header">

		<ul>
			<li><a href="home.php">Home</a></li>
			<li><a href="gallery.php"><u>Galleries</u></a></li>
			<li><a href="">Computer Tips</a></li>
			<li><a href=" " class="lastchild">Contact</a></li>
		</ul>
	</div>

	<div id="content">
		<h1>My favorites!</h1>
		<div id="left">
				
			<h3>My Musics</h3>
			<h4>Mayday Parade</h4>
			<p>Mayday Parade is an American rock band from Tallahassee, Florida. The band formed in 2005 when members of popular local Tallahassee bands Kid Named Chicago and Defining <img src="images/mp.jpg" width="40%" height ="30%" id="photos1"/> Moment converged in 2006. Their debut EP Tales Told by Dead Friends was released in 2006, and sold over 20,000 copies without any label support.On July 10, 2007, Mayday Parade released their debut album A Lesson in Romantics. After signing to Fearless Records in 2006, the band also signed onto a major label with Atlantic Records in 2009.	Their second studio album, Anywhere But Here was released on October 6, 2009 and their third album, entitled Mayday Parade, will be released on October 4, 2011.
			</p>  
			<img src="images/mp2.jpg" width="30%" height ="20%" id="photos2"/>
			<p>This band is one of the first band i love, they are the first band that i like Because their music is very good.The most i love with their songs are acoustics songs specially "Miserable at Best and  "Terrible Things". I'm so sad when they conducted their concert here in our country because I was not be able to go to their concert. But its ok as long as i here their songs. I love this band bacause when i here their songs i remember my friends in highschool becaues we love to sing their songs even if we are not good in singing but for as those bondings are very memorable for friends who sing together.</p>
			</br></br>
			<h4>Secondhand Serenade</h4>
			<p>Secondhand Serenade is an American acoustic rock band, led by vocalist and guitarist John Vesely. Vesely has released three studio albums to date under the name Secondhand Serenade: Awake in 2007, A Twist in My Story in 2008 and Hear Me Now in 2010. The debut album used multitrack recording to create the sound of a band using technology,while the second album took a different path, using a proper band and synthesizers to establish a more accomplished sound.
			</p>  
			
			</br></br>
			<h4>Amber Pacific</h4><img src="images/ap.jpg" width="40%" height ="30%" id="photos1"/>
			<p>Amber Pacific is an American pop punk band that formed in 2002 in Federal Way, Washington. The band has released three full length albums thus far, The Possibility and the Promise in 2005, Truth in Sincerity in 2007, and Virtues in 2010.
		
		</br></br></br></br></br></br></br></br></br><hr><hr>
		<div id = "guestbook_part">
		<h2>Messages:</h2>
		<div id= "posted">
		<p>
		Posted by: Aleks(aleks@yahoo.com)</br>
		Says: Hello there guys! how's your day???</br>
		Time Posted: wed, 09,28, 2011
		</br>

		</p>
		
		<p>
		Posted by: Aleks(aleks@yahoo.com)</br>
		Says: Hello there guys! how's your day???</br>
		Time Posted: wed, 09,28, 2011
		</br>

		</p>
		</div> 
				
		<h2>Sign guestbook to post message:</h2>
		<div id="guest_form">		
		<form action ="<?php echo htmlentities($_SERVER['PHP_SELF']); ?>" method = "post">

	
		

		    Name<i>(name or surname)</i>: </br>
		    <input onblur = "chk_name()" type ="text" class="inputs" id ="name" name="name" maxlength="55" size ="30" onblur = 'chck_name()'></br>
		    <span id = "warn_name"></span>
		    </br>
		    </br>
		    E-mail<i>(user@domain.com)</i>: </br>
		    <input onblur = "chk_email()" type="type" class="inputs" id="email" name="email" maxlength="100" size="30" onblur = 'chck_email()'></br>
		     <span id = "warn_email"></span>
		    </br>
		    </br>
		    Message:</br>
		    <textarea onblur = "chk_message()" type="type" class="inputs" id="message" name="message" maxlength="255" size="30" rows ="8" cols="38" onblur = 'chck_message()'></textarea></br><span id = "warn_message"></span>
		    </br>
		    </br>
		   <input onclick = "return validation()" type ="submit" value="Post your message" id="submit" name ="submit" size ="100" />
		    </br><span name='submit'></span>



		
		</form>
		</div>
		</div>
			
			<div class="clear"></div>
		</div>
		<div class="clear"></div>
		
		
	</div> 			
	<div id="footer">by Aleks Daloso of Computer Programming 2nd Year.</div>	
</div> 
</body>
</html>
